FA icons in RockSprocket
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- Why not target label with css and add icon like that in before or after pseudo element?
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
-
Hi Damir,
this time I do not understand well (I'm not a css mage, unfortunately ...)
would you make me a banal example please?
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- Can i see the URL of the label and i will give you an example.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
- Thankyou. We are working around a Nuance RT template.
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- Where is that label can i get a screenshot also i need access to the site!
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
- Hi Damir, you have credentials. Thanks.
- Last Edit: 6 years 6 months ago by mauro buffa.
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
-
Hi Damir,
any idea to solve the fa-fa-in-RS-label problem?
Best
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
ok you can have only one icon for all items like this...
add this in custom css file:
.sprocket-headlines-badge span:before { font-family: FontAwesome; content: "\f0a1"; font-size: 21px; }
To create a custom CSS file, you just have to create a new css file at /templates/[TEMPLATE]/css/ and name it [TEMPLATE]-custom.css. The new custom CSS file will automatically get loaded by the Gantry 4 Framework.
NOTE: The use of [TEMPLATE] in this guide is intended as a placeholder for the name of the template's primary directory. Replace [TEMPLATE] with the template directory name in order for these instructions to work with your site.
docs.gantry.org/gantry4/tutorials/adding-a-custom-stylesheet - Last Edit: 6 years 5 months ago by Damir.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
-
Great! It works.
If I want to change the icon (I do not asee the icon-name in the css) how to do? - Last Edit: 6 years 5 months ago by mauro buffa.
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- fontawesome.io/icons/ click the icon and you will see Unicode number!
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
Time to create page: 0.057 seconds